<!DOCTYPE HTML>
<html xmlns:fb="http://www.facebook/com/2008/fbml" xml:lang="ko" lang="ko" dir="ltr">
<head>
<title>Galaxy Tab S</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="all" />
<meta name="resource-type" content="document" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<!--[if IE]>
 <meta http-equiv="imagetoolbar" content="no" />
<![endif]-->
<link rel="stylesheet" type="text/css" href="./css/tab_s.css" />
<script type="text/javascript" src="./js/jQuery.js" charset="utf-8"></script>
<script type="text/javascript" src="./js/tab_s.js"></script>
</head>
<body class="tabs-main">
<!-- 갤럭시 탭 -->
<p class="skip"><a href="#gxt-content">본문 바로가기</a></p>
<div class="gxt-main">
	<div class="tabs-slide">
		<span class="modal"></span>
		<p class="photo">이렇게 만들어진 초고화질의 콘텐츠<strong>누구도 당신처럼 볼 수 없어요.</strong> Samsung Galaxy Tab S</p>
		<a href="#" class="view-mov-layer" id="viewMovie">갤럭시 탭S 글로벌 영상 보기</a>
	</div>
	<div class="tabs-menu" id="gxt-content">
		<!-- 7-11일 이전 
		<ul class="before">
			<li class="menu-1"><a href="./product_tab_s.html?slideNum=0">Features</a></li>
			<li class="menu-2"><a href="./product_tab_s.html?slideNum=3">Specification</a></li>
			<li class="menu-3"><a href="./gift.html">Galaxy gifts</a></li>
			<li class="menu-4"><a href="./product_tab_s.html?slideNum=5">Multimedia</a></li>
			<li class="menu-5"><a href="./event_list.html">Event</a></li>
		</ul> -->
		<ul class="after">
			<li class="menu-1"><a href="./product_tab_s.html?slideNum=0">Features</a></li>
			<li class="menu-2"><a href="./product_tab_s.html?slideNum=3">Specification</a></li>
			<li class="menu-3"><a href="./product_tab_s.html?slideNum=5">Multimedia</a></li>
			<li class="menu-4"><a href="./gift.html">Galaxy gifts</a></li>
			<li class="menu-5"><a href="#" target="_blank">S 아몰레드 신메</a></li>
			<li class="menu-6"><a href="./event_list.html">Event</a></li>
		</ul>
	</div>
</div>

<!-- movie layer -->
<div class="movie-layer" id="movieLayer" style="display:none;">
	<h2 class="title"><img src="./images/main/movie_title.png" alt="삼성 갤럭시 탭S 글로벌 영상" /></h2>
	<div class="movie-big">
		<iframe width="100%" height="100%" frameborder="0" title="Samsung GALAXY Tab S youtube video" allowfullscreen="" src="" id="bigVideo"></iframe>
	</div>
	<div class="thumb-swipe" id="movieSlider">
		<div class="swipe-wrap">
			<a href="http://www.youtube.com/embed/Ej4qLobfDoM"><img src="./images/main/thumb_1.jpg" alt="" /><span class="subs">삼성 갤럭시 탭S 글로벌 영상</span><span class="modal"></span></a>
			<a href="http://www.youtube.com/embed/Ej4qLobfDoM"><img src="./images/main/thumb_2.jpg" alt="" /><span class="subs">삼성 갤럭시 탭S 글로벌 영상2</span><span class="modal"></span></a>
			<a href="http://www.youtube.com/embed/Ej4qLobfDoM"><img src="./images/main/thumb_3.jpg" alt="" /><span class="subs">삼성 갤럭시 탭S 글로벌 영상3</span><span class="modal"></span></a>
			<a href="http://www.youtube.com/embed/Ej4qLobfDoM"><img src="./images/main/thumb_4.jpg" alt="" /><span class="subs">삼성 갤럭시 탭S 글로벌 영상4</span><span class="modal"></span></a>
			<a href="http://www.youtube.com/embed/Ej4qLobfDoM"><img src="./images/main/thumb_1.jpg" alt="" /><span class="subs">삼성 갤럭시 탭S 글로벌 영상5</span><span class="modal"></span></a>
			<a href="http://www.youtube.com/embed/Ej4qLobfDoM"><img src="./images/main/thumb_2.jpg" alt="" /><span class="subs">삼성 갤럭시 탭S 글로벌 영상6</span><span class="modal"></span></a>
			<a href="http://www.youtube.com/embed/Ej4qLobfDoM"><img src="./images/main/thumb_3.jpg" alt="" /><span class="subs">삼성 갤럭시 탭S 글로벌 영상7</span><span class="modal"></span></a>
			<a href="http://www.youtube.com/embed/Ej4qLobfDoM"><img src="./images/main/thumb_4.jpg" alt="" /><span class="subs">삼성 갤럭시 탭S 글로벌 영상8</span><span class="modal"></span></a>
			<a href="http://www.youtube.com/embed/Ej4qLobfDoM"><img src="./images/main/thumb_1.jpg" alt="" /><span class="subs">삼성 갤럭시 탭S 글로벌 영상9</span><span class="modal"></span></a>
			<a href="http://www.youtube.com/embed/Ej4qLobfDoM"><img src="./images/main/thumb_2.jpg" alt="" /><span class="subs">삼성 갤럭시 탭S 글로벌 영상10</span><span class="modal"></span></a>
			<a href="http://www.youtube.com/embed/Ej4qLobfDoM"><img src="./images/main/thumb_3.jpg" alt="" /><span class="subs">삼성 갤럭시 탭S 글로벌 영상11</span><span class="modal"></span></a>
			<a href="http://www.youtube.com/embed/Ej4qLobfDoM"><img src="./images/main/thumb_3.jpg" alt="" /><span class="subs">삼성 갤럭시 탭S 글로벌 영상12</span><span class="modal"></span></a>
		</div>
	</div>
	<a href="#" class="close"><img src="./images/main/movie_close.png" alt="레이어 닫기" /></a>
</div>
<!--// movie layer -->

<script type="text/javascript">
$(document).ready(function(){
	var movieSlide;

	var closeMov = function() {
		$('#bigVideo').attr('src','');
	};
	var playMov = function(url) {
		$('#bigVideo').attr('src', url + '?controls=1&autoplay=1');
	};

	$('#movieSlider a').on('click', function(){
		$('#movieSlider a').removeClass('on');
		$(this).addClass('on');
		movID = $(this).attr('href');
		playMov(movID);
		return false;
	});

	$('#viewMovie').on('click', function(){
		$('.tabs-slide').toggleClass('modal');
		$('#movieLayer').fadeIn({
			start:  function(){
				movieSlide = $('#movieSlider .swipe-wrap').bxSlider({
					infiniteLoop:false, pager:false, controls:true, auto:false, pause:3000, autoStart:false, hideControlOnEnd:true,
					minSlides:4, maxSlides:4, slideWidth:173, moveSlides:1, slideMargin:12,
					onSliderLoad: function(){
						$('#movieSlider a').removeClass('on');
						$('#movieLayer .close').on('click', function(){
							closeMov();
							$('#movieLayer').hide();
							$('.tabs-slide').removeClass('modal');
						});
					}
				});
			},
			done: function(){
				$('#movieSlider a').eq(0).addClass('on');
				$('#movieSlider a').eq(0).click();
			}
		});
	});
});
</script>
<!-- //갤럭시 탭 -->
</body>
</html>